<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>打广告小游戏后台管理系统</title>
		<script type="text/javascript" src="js/jquery-2.1.0.js">
		</script>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		
		<!-- 声明文档兼容模式，表示使用IE浏览器的最新模式 -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<!-- 设置窗口的宽度，页面初始缩放值 -->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->

		<!-- Bootstrap 核心样式文件 -->
		<link href="lib/css/bootstrap.min.css" rel="stylesheet">

		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
        <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->

		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<script src="lib/jquery.min.js"></script>
		<!-- Include all compiled plugins (below), or include individual files as needed -->
		<script src="lib/js/bootstrap.min.js"></script>
		
		<script type="text/javascript" src="js/right.js"></script>
		<script type="text/javascript" src="js/GameConfig.js"></script>
		<script src="js/ajaxfileupload.js" type="text/javascript"></script>
		<style type="text/css">
			
			
		</style>
	</head>
  <header>
   <div class="">
   欢迎进入打广告小游戏后台管理系统
   </div>
  </header>
  <div class= "main">
   <div class="mian_left">
    <ul>
     <li id="menu" class= "active">玩家管理</li>
     <li id="menu"  class="disactive">查询玩家</li>
     <li id="menu"  class="disactive">新增玩家</li>
     <li id="menu"  class= "active">游戏配置</li>
     <li id="menu"  class="disactive">资源配置</li>
     <li id="menu"  class="disactive">活动配置</li>
    </ul>
   </div>
   <div class="mian_right" style="background: whitesmoke;">
    <div style="display: block;" id="text1" class= "text">
     <!-- 玩家列表 -->
        <div style="width: 100%;height: 40px;background: white;text-align: left;" id="select_div">
        &nbsp;&nbsp;<i style="color: black;">分类查询</i>&nbsp;&nbsp;
        <!-- Single button -->
           <div class="btn-group">
             <button id="current_acti" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
             Action <span class="caret"></span>
             </button>
             <ul id="selctMenue"  class="dropdown-menu">
               <li><a href="#">Action</a></li>
               <li><a href="#">Another action</a></li>
               <li><a href="#">Something else here</a></li>
               <li role="separator" class="divider"></li>
               <li><a href="#">Separated link</a></li>
             </ul>
           </div>
        <!--&nbsp;&nbsp;<i style="color: black;">按手机号查询</i>&nbsp;&nbsp;-->
        <!--<input style="width: 100px;height: 35px;" type="text" name="" id="" value="" />-->
        </div>
		<div id="divTable" style="margin-top: 0px;">
			
		</div>


		<ul class="pager">
			<li>
				<a style="color: #1D95DA;" id="prePage" href="javascript:void(0)">上一页</a>
			</li>
			<li id="pagenumber">
				&nbsp;&nbsp;&nbsp;&nbsp;1&nbsp;&nbsp;&nbsp;&nbsp;
			</li>
			<li>
				<a style="color: #1D95DA;" id="nextPage" href="javascript:void(0)">下一页</a>
			</li>
		</ul><br>
    </div>
    <div id="text2" class= "text">
    2
    </div>
    <div id="text3" class= "text">
    	
     		<table border="1px" bordercolor="gray" cellspacing="0" cellpadding="0">
			<tr>
				<td>背景图片</td>
				<td><input class="ImageInput" type="file" name="file" id="file" value="" /></td>
			</tr>
			<tr>
				<td>弓箭图片</td>
				<td><input class="ImageInput" type="file" name="jianImage" id="jianImage" value="" /></td>
			</tr>
			<tr>
				<td>道具图片</td>
				<td><input class="ImageInput" type="file" name="daoJu" id="daoJu" value="" /></td>
			</tr>
			<tr>
				<td>广告板</td>
				<td><input class="ImageInput" type="file" name="adBoard" id="adBoard" value="" /></td>
			</tr>
			<tr>
				<td>气球图片</td>
				<td>
					<input class="ImageInput" type="file" name="balloon" id="balloon" value="" /> 
				</td>
			</tr>
			<tr>
				<td>初始弓箭个数</td>
				<td>
					<input class="numInput" type="text" name="jiannumber" id="jiannumber" value="" /> 
				</td>
			</tr>
			<tr>
				<td>初始道具个数</td>
				<td>
					<input class="numInput" type="text" name="daojunumber" id="daojunumber" value="" /> 
				</td>
			</tr>
			<tr>
				<td>初始气球个数</td>
				<td>
					<input class="numInput" type="text" name="balloonnumber" id="balloonnumber" value="" /> 
				</td>
			</tr>
		</table>
		<div id="">
			<button type="button" class="btn btn-default navbar-btn" onclick="saveClick()">保存</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<button type="button" class="btn btn-default navbar-btn" onclick="submmitClick()">提交</button>
		</div>               
    </div>
    <div id="text4" class= "text">
    	    <div id="" style="background: white;width: 500px;height: 400px;margin:0px auto;overflow: hidden;">
    	    	<input style="width: 200px;height: 50px;margin:80px auto 0 ;" type="file" id="configJsonFile" name="configJsonFile" value="请选择文件" /><br />
		<input class="btn btn-default navbar-btn" style="border-radius: 5px; width: 100px;height: 40px;" type="button" value="上传" onclick="uploadJson()" />
		<input class="btn btn-default navbar-btn" style="border-radius: 5px; width: 100px;height: 40px;" type="button" value="同步" onclick="tongbu()" />
    	    <br>
    	    <br>
    	    <br>
    	    <p>选择准备好的json文件，</p>
    	    <p>点击上传，上传到服务器</p>
    	    <p>点击同步，同步到数据库</p>
    	   
    	    </div>
        
    </div>
    <div id="text5" class= "text">
     5
    </div>
    <div id="text6" class= "text">
     6
    </div>
   </div>
  </div>
  
  <script type="text/javascript">
    var oli = document.getElementsByClassName("disactive");
    var otext = document.getElementsByClassName("text")
    for(var i =0 ; i < oli.length ;i++)
    {
    	   	 oli[i].index = i
         oli[i].onclick = function ()
         {
          for(var j = 0;j< otext.length;j++)
          {
          otext[j].style.display = "none"
          }
          otext[this.index].style.display = "block"
         }
      
    }
  </script>

</html>